.site-header,.banner{
    width: 1226px;
    margin: 0 auto;
}
.site-header{
    height: 100px;
    >.hearder_l{
        float: left;
        width: 234px;
        >.con{
            width: 55px;
            height: 55px;
            margin-top: 22px;
            background-color: #ff6700;
            position: relative;
            >a{
                display: block;
                text-align: center;
                width: 55px;
                height: 55px;
                position: absolute;    
                top: 0;
                left: 0;
                &:nth-child(1){
                    left:-55px;
                }
                >img{
                    position: absolute;
                    margin: auto;
                    top: 0;left: 0; right: 0; bottom: 0;
                }
            }
          
        }
    }
    .hearder_r{
        width: 992px;
        float: left;
        position: relative;
        .hearder_nav{
            float: left;
            a{
                display: inline-block;
                padding: 26px 10px 38px;
                color: #333;
                text-decoration: none;
                font-size: 16px;
                &:hover{
                    cursor: pointer;
                    color: #ff6700;
                }
            }
        }
        .hearder_search{
            margin-top:20px ;
            float: right;
            width: 296px;
            height: 50px;
            input{
                border: #ccc 1px solid;
                width: 223px;
                height: 48px;
                padding: 0 10px;
                border: 1px solid #e0e0e0;
                position: absolute;
                right: 51px;
            }
            a{
                display: inline-block;
                width: 52px;
                height: 48px;
                border: #e0e0e0 1px solid;
                position: absolute;
                right: 0;
                font-size: 24px;
                line-height: 24px;
                background: #fff;
                color: #616161;
                &:hover {
                    background-color: #ff6700;
                    border: 1px solid #ff6700;
                }
            }
            ul {
                border: #e0e0e0 1px solid;
                width: 223px;
                position: absolute;
                right: 51px;
                top: 68px;
                padding: 10px;
                display: none;
            }
        }
    }
}

.hearder_r .hearder_search:hover .input,.hearder_r .hearder_search:hover .a{
    border: 1px solid #ccc;
}
/* .hearder_r .hearder_search>ul */
/* 轮播图 */
.banner{
    position: relative;
    // banner_r
    .banner_r{
        width: 234px;
        height: 460px;
        padding: 20px 0;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(105,101,101,.6);
        li{
            list-style: none;
            a{
                display: block;
                width: 234px;
                height: 42px;
                padding-left: 30px;
                color: white;
                text-decoration: none;
                font-size: 14px;
                line-height: 42px;
                em{
                    padding-right: 30px;
                    float: right;
                }
            }
            :hover{
                background-color: #ff6700;
            }
        }
    }
    .banner_list_details{
        width:992px;
        height: 458px;
        overflow: hidden;
        position: absolute;
        left: 234px;
        top: 0;
        background-color: #fff;
        display: none;
        li{
            float: left;
            list-style: none;
            a{
                display: block;
                width: 265px;
                height: 76px;
                line-height: 40px;
                padding: 18px 20px;
            }
        }

    }
}
.bxslider{
    height: 460px;
    padding: 0!important;
}
.bxslider img{
    width: 100%;
    height: 100%;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom: 30px!important;
}

